.nav-class2{
			padding: 0;
		}

		.nav-class3{
			padding: 0;
		}
		
		
		.nav-class1{
			padding: 0;
		}

/*设置a标签的属性  区块，宽高，下划线删除，改变默认颜色*/
		.nav-class1 a{
			display: block;
			width: 240px;
			height: 50px;
			line-height: 50px;
			text-decoration: none;
			color: #666;
			text-align: center;
		}

		.nav-class1 a:hover{
			background: #05804e;
			color: #fff;
			transition: all 1s;
		}


		.nav-class1 li{
			position: relative;
			background: #ececeb;
            height: 50px;
            line-height: 50px;
            border-bottom: 2px solid #fff;
            text-align: center;
		}


		.nav-class1{
			width: 240px;
		}

		.nav-class1 a{
			width: 240px;
		}
/*悬浮不同的nav-class中的li 设置不同颜色*/
		.nav-class .li1:hover{
			background: #05804e;
		}

		.nav-class .li2:hover{
			background: #05804e;
		}

		.nav-class .li3:hover{
			background: #05804e;
		}
/*	设置绝对定位 从nav-class1的ul开始，相对定位是nav-class中的li，也就是ul的父级元素
	因为nav-class1的宽度是110px;所以想让nav-class1下的ul紧贴nav-class1，设置left110-px,最好是 110px;
	并且设置子元素隐藏
*/

		.nav-class1 ul{
			position: absolute;
			left: 242px;
			top:0;
			display: none;
		}

/*就是当鼠标悬浮在li1 上面的时候，让他子元素中的 nav-class2 显示可见  当鼠标悬浮在nv2中的li2 上面的时候，则让他子元素中的 nav-class3 显示可见*/
		.li1:hover .nav-class2{
			background: #999;
			display: block;
		}

		.li2:hover .nav-class3{
			background: #bbb;
			display: block;
		}

/*单独设置每个nav-class 下的a 的宽度，以及nav-class 的绝对定位，*/
		.haizei .li2>a{
			width:240px;
		}

		.haizei .li3>a{
			width:240px;
		}

		.quanyecha .li2>a{
			width: 240px;
		}

		.quanyecha .nav-class3{
			left: 130px;
		}

		.quanyecha .li3>a{
			width: 140px;
		}

		.huoying .li2>a{
			width: 140px;
		}

		.huoying .li3>a{
			width: 150px;
		}

		.huoying .nav-class3{
			left: 140px;
		}


		.shumabaobei .li2>a{
			width: 150px;
		}

		.shumabaobei .nav-class3{
			left: 150px;
		}

		.shumabaobei .li3>a{
			width: 160px;
		}

		.sishen .li2>a{
			width: 120px;
		}

		.sishen .nav-class3{
			left: 120px;
		}
		
		.sishen .li3>a{
			width: 120px;
		}